<template>
  <div class='row'>
    <h2 class=" text-center">
      {{item.caption}}
    </h2>
    <div class="col-sm-12 col-sm-push-1">
      <div class="form-group">
        {{item.content}}
      </div>
      <div class="form-group">
        <img :src="deurl"/>
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-3 col-md-push-9">
        <button class="btn btn-default" v-on:click="onCancelClick()">返回</button>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'details',
    data: function () {
      return {}
    },
    props: ['item', 'mode', 'url', 'deurl'],
    components: {},
    methods: {
      onCancelClick: function () {
        this.$dispatch('component', 'modeList')
      }
    }
  }
</script>

